<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="../internal.js"></script>
    <style>
        .section {
            text-align: center;
            margin-top: 10px
        }

            .section input {
                margin-left: 5px;
                width: 70px
            }
    </style>
</head>
<body>
    <div class="section"><span><var id="lang_tdBkColor"></var></span> <input type="text" id="J_tone"></div>
    <script>var tone=$G("J_tone"),colorPiker=new UE.ui.ColorPicker({editor:editor}),colorPop=new UE.ui.Popup({editor:editor,content:colorPiker});domUtils.on(tone,"click",function(){colorPop.showAnchor(tone)}),domUtils.on(document,"mousedown",function(){colorPop.hide()}),colorPiker.addListener("pickcolor",function(){tone.value=arguments[1],colorPop.hide()}),colorPiker.addListener("picknocolor",function(){tone.value="",colorPop.hide()}),dialog.onok=function(){editor.execCommand("edittd",tone.value)};var start=editor.selection.getStart(),cell=start&&domUtils.findParentByTagName(start,["td","th"],!0);if(cell){var color=domUtils.getComputedStyle(cell,"background-color");/^#/.test(color)&&(tone.value=color)}</script>
</body>
</html>